/*第一屏动画*/
@keyframes left-in {
    0%{
        transform: translateX(-200px);
        opacity: 0;
    }
    50%{
        transform:translateX(-100px);
        opacity:0.3;
    }
    100%{
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes right-in {
    0%{
        transform: translateX(200px);
        opacity: 0;
    }
    50%{
        transform:translateX(100px);
        opacity:0.3;
    }
    100%{
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes bottom-in {
    0%{
        transform: scale(1);
        opacity: 0;
    }
    50%{
        transform:scale(2);
        opacity:1;
    }
    100%{
        transform:scale(1);
        opacity:1;
    }
}
@keyframes fade-top {
    0%{
        transform:translateY(0px)
    }
    100%{
        transform:translateY(-150px)
    }
}
@keyframes out1 {
    0%{
        transform:rotate(90deg)
    }
    100%{
        transform:rotate(180deg)
    }
}
@keyframes topIn {
   0%{
       transform:translateY(0)
   }
    100%{
        transform: translateY(-100px)
    }
}
@keyframes topOut {
    0%{
    transform:translateY(-100px)
    }
    100%{
    transform:translateY(0)
    }
}